<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>异清轩博客友情链接</title>
  <script src="js/vue.min.js"></script>
  <script src="js/axios.min.js"></script>
  <link href="js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
  <!-- 引入组件库 -->
  <script src="js/ele-2.15.7/index.js"></script>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/nprogress.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
<link rel="shortcut icon" href="images/icon/favicon.ico">
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/nprogress.js"></script>
<script src="js/jquery.lazyload.min.js"></script>


  <script src="../../../../../login-starter/src/main/resources/static/js/login.js"></script>
  <script src="js/blog.js"></script>
</head>

<body class="user-select">
<div id="app">
  <mymain>
    <section class="container container-page">
      <div class="pageside">
        <div class="pagemenus">
          <ul class="pagemenu">
            <li><a href="tags.html">标签云</a></li>
            <li><a href="readers.html">读者墙</a></li>
            <li><a href="links.html">友情链接</a></li>
          </ul>
        </div>
      </div>
      <div class="content">
        <header class="article-header">
          <h1 class="article-title">友情链接</h1>
        </header>
        <ul class="plinks">
          <li  v-for="l in link"><a :href="'http://' + l.url" title="" target="_blank" rel="nofollow">
            <img :src="l.img" alt="">
            {{l.name}}
          </a>
          </li>
        </ul>
      </div>
    </section>
  </mymain>
</div>

<script>
  var v = new Vue({
    el:"#app",
    data:{
      link:{}
    },
    methods: {
      showLinks(){
        axios.post("/blog/flink/selectLinks").then(res=>{
          if (res.data.code){
            this.link = res.data.data;
          }
        })
      }
    },
    created(){
      this.showLinks();
    }
  })
</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.ias.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>

